{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh-CN" class="no-js">

    <head>

        <meta charset="utf-8">
        <title>Fullscreen Login</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- CSS -->
        <!-- <link rel='stylesheet' href="{%static 'http://fonts.googleapis.com/css?family=PT+Sans:400,700'%}">-->
        <link rel="stylesheet" href="{%static 'assets/css/reset.css'%}">
        <link rel="stylesheet" href="{%static 'assets/css/supersized.css'%}">
        <link rel="stylesheet" href="{%static 'assets/css/style.css'%}">

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

    </head>

    <body>

        <div class="page-container">
            <h1>Login</h1>
            <form action="" method="post">
                <input type="text" name="username" class="username" placeholder="Username">
                <input type="password" name="password" class="password" placeholder="Password">
                {% csrf_token %}

                <button type="submit" >Sign me in</button>
                <div class="error"><span>+</span></div>

            </form>

        </div>


        {% for key,value in ret.items %}
                <div align="center" id="errorDiv">{{ value }} </div>
        {% endfor %}









        <!-- Javascript -->
        <script src="{%static 'assets/js/jquery-1.8.2.min.js'%}"></script>
        <script src="{%static 'assets/js/supersized.3.2.7.min.js'%}"></script>
        <script src="{%static 'assets/js/supersized-init.js'%}"></script>
        <script src="{%static 'assets/js/scripts.js'%}"></script>


    </body>

</html>

